<include file="./Application/Home/View/public/header.html"/>
    <!-- topbar ends -->
<div class="ch-container">
    <div class="row">
        
        <!-- left menu starts -->
        <div class="col-sm-2 col-lg-2">
            <div class="sidebar-nav">
                <div class="nav-canvas">
                    <div class="nav-sm nav nav-stacked">

                    </div>
                    <ul class="nav nav-pills nav-stacked main-menu">
                        <li class="nav-header">功能</li>
                        <li><a class="ajax-link" href="{:U('poster')}"><i class="glyphicon glyphicon-home"></i><span> 主页</span></a>
                        </li>
                        <li><a class="ajax-link" href="{:U('posterList')}"><i
                                class="glyphicon glyphicon-align-justify"></i><span> 推送列表</span></a></li>
                        <li><a class="ajax-link" href="{:U('newPoster')}"> <i
                                class="glyphicon glyphicon-plus-sign"></i><span> 新增推送</span></a>
                        </li>
                        <li><a class="ajax-link" href="{:U('galleryList')}"><i class="glyphicon glyphicon-picture"></i><span> 图片列表</span></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--/span-->
        <!-- left menu ends -->

        <noscript>
            <div class="alert alert-block col-md-12">
                <h4 class="alert-heading">Warning!</h4>

                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                    enabled to use this site.</p>
            </div>
        </noscript>

        <div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
                <div>
        <ul class="breadcrumb">
            <li>
                <a href="#">Home</a>
            </li>
            <li>
                <a href="#">Gallery</a>
            </li>
        </ul>
    </div>

    <div class="row">
        <div class="box col-md-12">
            <div class="box-inner">
                <div class="box-header well" data-original-title="">
                    <h2><i class="glyphicon glyphicon-picture"></i> Gallery</h2>

                </div>
                <div class="box-content">
                    <br>
                    <ul class="thumbnails gallery">
                        <volist name="fileList" id="vo" key="k">
                            <volist name="vo" id="sub" key="sk">
                                <li id="image-{$k}{$sk}" class="thumbnail">
                                    <a style="background:url('{$fileDir}{$sub}')"
                                       title="" href="{$fileDir}{$sub}"><img
                                            class="grayscale" src="{$fileDir}{$sub}"
                                            alt="">
                                    </a>
                                </li>
                            </volist>
                        </volist>
                    </ul>
                </div>
            </div>
        </div>
        <!--/span-->

    </div><!--/row-->

    <!-- content ends -->
    </div><!--/#content.col-md-0-->
</div><!--/fluid-row-->
<include file="./Application/Home/View/public/footer.html"/>